<template>
  <h1 v-if="parseInt(level) === 1" :class="classes" v-on="$listeners">
    <slot>{{text}}</slot>
  </h1>
  <h2 v-else-if="parseInt(level) === 2" :class="classes" v-on="$listeners">
    <slot>{{text}}</slot>
  </h2>
  <h3 v-else-if="parseInt(level) === 3" :class="classes" v-on="$listeners">
    <slot>{{text}}</slot>
  </h3>
  <h4 v-else-if="parseInt(level) === 4" :class="classes" v-on="$listeners">
    <slot>{{text}}</slot>
  </h4>
  <h5 v-else-if="parseInt(level) === 5" :class="classes" v-on="$listeners">
    <slot>{{text}}</slot>
  </h5>
  <h6 v-else-if="parseInt(level) === 6" :class="classes" v-on="$listeners">
    <slot>{{text}}</slot>
  </h6>
  <h v-else :class="classes" v-on="$listeners">
    <slot>{{text}}</slot>
  </h>
</template>
<script type="text/ecmascript-6"  src="./index.js"></script>
